﻿/* CSS IMPORTS 
----------------------------------------------------------*/

@import url("bubbles.css");
@import url("bootstrap-responsive.css");
@import url("bootstrap-responsive.min.css");
@import url("bootstrap.css");
@import url("bootstrap.min.css");


/* DEFAULTS
----------------------------------------------------------*/

body   
{
    background: url('/img/two.jpg');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/two.jpg', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/two.jpg', sizingMethod='scale')";
    margin: 0px;
}

.floatimg
{
    margin:0px 15px 0px 15px;
}

#wrapper {
    width: 500px;
    overflow: hidden; /* will contain if #first is longer than #second */
}
#first {
    width: 200px;
    float:left; /* add this */
}
#second {
    overflow: hidden;
    width:580px; /* if you don't want #second to wrap below #first */
}



/* ASP.NET SPECIFIC RULES 
----------------------------------------------------------*/

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

#wrapper
{
    width: 1000px;
    margin: 0px auto 0px auto;
    background-color:transparent;
}


/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}



/* GRIDVIEW STYLINGS v1
----------------------------------------------------------*/
     
     /* list.aspx gridview stylings */

    .mGrid {   
        background-color: #ffffff;   
        margin:10px 0px 10px 0px; 
        border: solid 1px #525252;
          
    }  
    .mGrid td {   
        padding: 10px;   
        border: solid 1px #c1c1c1;   
        color: #717171;   
    }  
    
  
    .mGrid th {   
        padding: 4px 2px;   
        color: #000000;   
        background: #b5b5b5;
        background-image:url("/img/gridview/grd_headlist.png");
        background-repeat:repeat-x;
        background-position:top;   
        border: solid 1px #525252;   
        font-size: 1em;   
    }  
    .mGrid .alt { background-color: #fcfcfc;
                  border-top:solid 1px #525252; 
                  background-image:url("/img/gridview/grd_alt3.png");
                  background-repeat:repeat-X;
                  background-position:top; }  
                  
    .mGrid .pgr { background-color:#424242;
                  background-image:url("/img/gridview/grd_pgr.png");
                  background-repeat:repeat-x;
                  background-position:top; }
                    
    .mGrid .pgr table { margin: 5px 0; } 
     
    .mGrid .pgr td {   
        border-width: 0px;   
        padding: 0px 6px;   
        border: solid 1px #666;   
        font-weight: bold;   
        color: #fff;   
        line-height: 12px;   
     }     
    .mGrid .pgr a { color: #666; text-decoration: none; }  
    .mGrid .pgr a:hover { color: #000; text-decoration: none; }  
    
 
    /* AESTHETICS
    ---------------------------------------------------------*/
   
    .templateimagefield 
    {
        width:122px;
        height:173px;
}

/* PAGE-SPECIFIC STYLINGS */
/*---------------------------------------------------------*/
/* ---------------------------------------------------------*/
/*---------------------------------------------------------*/
/* ---------------------------------------------------------*/
/*---------------------------------------------------------*/
/* ---------------------------------------------------------*/
/*---------------------------------------------------------*/
/* ---------------------------------------------------------*/

/* ADD NEW BOOK PGE */

.addbook
{
    background-color:transparent;
    padding:60px 90px 0px 90px;
    background-image:url("/img/ADDABOOK.png");
    background-repeat:no-repeat;
    background-position:center top;
    width:60%;
    height:inherit;
    margin: 0 auto;
    
}

/* CALENDAR PGE STYLINGS */

.eventinformationsymbols 
{
    width:40%;
    height:40%;
}

/* EDIT PROFILE PAGE */

.editprofileprofpic 
{
    max-width:240px;
    padding:5px 5px 5px 5px;
    border:1px solid #000000;
}

/* DETAIL PAGE RATING STARS */

.ratingStar
{
width:40px;
height:40px;
margin:0px;
padding:0px;
cursor:pointer;
display:block;
background-repeat:no-repeat;
font-size:10px;
}

.filledRatingStar
{background-image:url(/stars/1.png)}

.emptyRatingStar
{background-image:url(/stars/2.png)}

.savedRatingStar
{background-image:url(/stars/3.png)}

/* DETAIL PGE COMMENTS SECTION */

.frame{
display:inline-block;
position:relative;
overflow:hidden;
float:left;
margin-right:30px;
}

.tagline:before {
   content: "Subject: ";
   font-weight:800;
}

.commentauthor:before {
   content: "Name: ";
   font-weight:800;
}

.commentbody
{
    display:inline-cell;
    float:right;
    padding:20 0 20 0;
}
.frame>img{
vertical-align:top;
}
.frame, .frame:before{
-moz-border-radius:100em;
border-radius:100em;
}
.frame>img{
-webkit-border-radius:100em;
max-width:130px;
}
.frame:before{
content:'';
display:block;
position:absolute;
left:0;
right:0;
width:100%;
height:100%;
margin:-10em;
border:10em solid #1a1a1a;
}
/* END OF ROUNDED AVATAR */

    /* ACCORDIAN ABOUT PAGE */
.accordion {  
width: 200px;
}  
          
        .accordionHeader {  
            border: 1px solid #2F4F4F;  
            color: black;  
            background-color: #ffffff;  
            font-family: Arial, Sans-Serif;  
            font-size: 12px;  
            
            font-weight: bold;  
            padding: 5px;  
            margin-top: 5px;  
            cursor: pointer;  
        }  
          
        .accordionHeaderSelected {  
            border: 1px solid #2F4F4F;  
            color: white;  
            background-color: #dd002f;  
            font-family: Arial, Sans-Serif;  
            font-size: 12px;  
            font-weight: bold;  
            padding: 5px;  
            margin-top: 5px;  
            cursor: pointer;  
        }  
          
        .accordionContent {  
            background-color: transparent;  
            border: 1px dashed #2F4F4F;  
            border-top: none;  
            padding: 5px;  
            text-align:left;
            padding-top: 10px;  
        } 

/* AJAX TABPANEL*/

/* ajax__tab_darkblue-theme theme (images/darkblue.jpg) */
.ajax__tab_darkblue-theme .ajax__tab_header 
{
    font-family:arial,helvetica,clean,sans-serif;
    font-size:small;
    border-bottom:solid 5px #84aeef;
}
.ajax__tab_darkblue-theme .ajax__tab_header .ajax__tab_outer 
{
    background:url(img/darkblue.jpg) #d8d8d8 repeat-x;
    margin:0px 0.16em 0px 0px;
    padding:1px 0px 1px 0px;
    vertical-align:bottom;
    border:solid 1px #a3a3a3;
    border-bottom-width:0px;
}
.ajax__tab_darkblue-theme .ajax__tab_header .ajax__tab_tab
{    
    color:#000;
    padding:0.35em 0.75em;    
    margin-right:0.01em;
}
.ajax__tab_darkblue-theme .ajax__tab_hover .ajax__tab_outer 
{
    background: url(img/darkblue.jpg) #bfdaff repeat-x left -1300px;
}
.ajax__tab_darkblue-theme .ajax__tab_active .ajax__tab_tab 
{
    color:#fff;
}
.ajax__tab_darkblue-theme .ajax__tab_active .ajax__tab_outer
{
    background:url(img/darkblue.jpg) #84aeef repeat-x left -1400px;
}
.ajax__tab_darkblue-theme .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    padding:0.25em 0.5em;
    background-color:#edf5ff;    
    border:solid 1px #808080;
    border-top-width:0px;
}

/* Article Admin Page - Quotes Div Containr */

.quotescontainer 
{
    background-color:#ffffff;
    max-height:400px;
    min-height:60px;
    padding:5px 5px 5px 5px;
    max-width:500px;
    box-shadow: 10px 10px 5px #888;
    margin-right:auto;
    
}
/*.ajax__html_editor_extender_toolbar
{
width:200px!important;
background-color:White;
} */
.ajax__html_editor_extender_texteditor
{
    background-color:#FFFFFF;
}
.notepad {
  vertical-align: top;
  width: inherit;
  margin-right:5px;
  padding:5px 5px 5px 5px;
  margin-bottom:50px;
  min-height:100px;
  max-height:300px;
  background-color:#ffffff;
  overflow-x:hidden;
  margin-top:30px;
  box-shadow:
        0 1px 1px rgba(0,0,0,0.15), /* The top layer shadow */
        0 10px 0 -5px #eee, /* The second layer */
        0 10px 1px -4px rgba(0,0,0,0.15), /* The second layer shadow */
        0 20px 0 -10px #eee, /* The third layer */
        0 20px 1px -9px rgba(0,0,0,0.15); /* The third layer shadow */
}

/* Article Page - Item Template Divs (Alt + Normal) */

.itemtemplate 
{
    border-radius:15px;
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
    background-color:#ffffff;
    width:600px;
    margin:20px 0px 30px 0px;
    min-height:300px;
    padding:10px 30px 10px 30px;
}
.altitemtemplate 
{
    border-radius:15px;
    -moz-box-shadow: 10px 10px 5px #888;
    -webkit-box-shadow: 10px 10px 5px #888;
    box-shadow: 10px 10px 5px #888;
    background-color:#ccffbe;
    width:600px;
    margin:20px 0px 30px 0px;
    padding:10px 30px 10px 30px;
    min-height:300px;
}
.articlecategory:before {
   content: "Category: ";
   font-weight:800;
}
.articledate:before {
   content: "Date Posted: ";
   font-weight:800;
}
.articleusername:before {
   content: "By ";
   font-weight:800;
}

/* Bookshelf page */

.bookshelf
{
    width:800px;
    height:480px;
    display:block;
    overflow-y:none;
    overflow-x:none;
    margin-left:auto;
    margin-right:auto;
    background-image:url("http://www.wherelionsroam.co.uk/shelf.png");
    background-repeat:no-repeat;
    background-position:center center;
}
.floating { float:left; overflow:hidden; }
.floating img { display: block; }